<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>睿博项目 - 地图展示</title>
    <link rel="stylesheet" href="/assets/doormap/css/main1119.css"/>
    <link rel="stylesheet" href="/assets/doormap/css/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/doormap/css/marquee/marquee.css">
    <link rel="stylesheet" type="text/css" href="/assets/doormap/css/fontawesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="/assets/doormap/css/initmap.css"/>
    <link rel="stylesheet" href="/assets/doormap/css/searchtip.css"/>
    <link rel="stylesheet" href="/assets/doormap/css/managewindow.css"/>
    <link rel="stylesheet" href="/assets/doormap/css/infowindow.css"/>
</head>
<body>
<div id="container">
    <div id="mymarquee-bar" class="infoBar">
        <div class="marquee-sibling">News</div>
        <div class="marquee">
            <ul id="mymarquee-items" class="marquee-content-items"></ul>
        </div>
    </div>
    <div class="mysearch-bar">
        <div class="input-group mysearch-bar-group">
            <input type="text" id="keyword" class="form-control" placeholder="请输入设备名称或搜索地址" onfocus='this.value=""'>
            <span class="input-group-btn">
                <button class="btn btn-default" type="button" onclick="searchAddress()">搜索</button>
            </span>
        </div>
    </div>

    <div class="mymng-window">
        <div class="mymng-title">
            <button type="button" class="btn btn-primary mymng-title-btn" togstate="0" onclick="initMngWindow(this)" data-toggle="collapse" data-target="#mymng-content">
                <span class="mymng-unit" id="mymng-unit">保护单位名称</span>
                <small class="mymng-unitname"></small>
                <span class="caret mymng-caret"></span>
            </button>
        </div>
        <div id="mymng-content" class="collapse">
            <ul id="mymng-tab" class="nav nav-tabs nav-justified">
                <li class="active"><a href="#mymng-realtime" data-toggle="tab">实时监控</a></li>
                <li><a href="#mymng-history" data-toggle="tab">轨迹查询</a></li>
            </ul>
            <div id="mymng-tab-content" class="tab-content">
                <div id="mymng-realtime" class="tab-pane fade in active">
                    <ul id="mymng-rt-tab" class="nav nav-tabs nav-justified">
                        <li class="active"><a href="#mymng-rt-emp" data-toggle="tab">人员</a></li>
                        <li><a href="#mymng-rt-task" data-toggle="tab">任务</a></li>
                        <li><a href="#mymng-rt-alarm" data-toggle="tab">报警</a></li>
                    </ul>
                    <div id="mymng-rt-tab-content" class="tab-content">
                        <div id="mymng-rt-emp" class="tab-pane fade in active">
                            <div class="input-group mymng-input-group">
                                <input type="text" class="form-control" placeholder="请输入人员Id或人员名称">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">搜索</button>
                                </span>
                            </div>
                            <ul id="myrt-emp-ul" class="mymng-tab-ul"></ul>
                            人员
                        </div>
                        <div id="mymng-rt-task" class="tab-pane fade">
                            <div class="input-group mymng-input-group">
                                <input type="text" class="form-control" placeholder="请输入任务Id或任务名称">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">搜索</button>
                                </span>
                            </div>
                            <ul id="myrt-task-ul" class="mymng-tab-ul"></ul>
                            任务
                        </div>
                        <div id="mymng-rt-alarm" class="tab-pane fade">
                            <div class="input-group mymng-input-group">
                                <input type="text" class="form-control" placeholder="请输入报警Id或报警名称">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">搜索</button>
                                </span>
                            </div>
                            <ul id="myrt-alarm-ul" class="mymng-tab-ul"></ul>
                            报警
                        </div>
                    </div>
                </div>

                <!-- 轨迹查询 -->
                <div id="mymng-history" class="tab-pane fade">
                    <ul id="myhistory-ul" class="mymng-tab-ul"></ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 显示天气信息 -->
    <div id="tip">
        <div id="myweather-title" onclick="weatherInfo()"></div>
        <div id="myweather-live"></div>
        <div id="myweather-forecast"></div>
    </div>


    <audio id="myalarm_bgm" loop hidden='true'>
        <source id="mybgm_source" type="audio/mpeg" />
        <embed  id="mybgm_embed" />
        <span>您的浏览器不支持该音频格式。</span>
    </audio>

    <audio id="myalarm-media" controls style="margin-left:20px">
        <span>Your browser does not support this audio format.</span>
    </audio>'
</div>


<script src="http://webapi.amap.com/maps?v=1.3&key=8a5894d7cd99edb56471674a49f32265&plugin=AMap.MouseTool"></script> <!-- 您申请的key值,plugin=AMap.MouseTool使用右击菜单需要 -->
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="http://webapi.amap.com/ui/1.0/main.js"></script>   <!-- UI组件库 1.0 -->
<script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script>

<script type="text/javascript" src="/assets/doormap/js/jquery.min.js"></script>
<script type="text/javascript" src="/assets/doormap/css/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/doormap/js/layer/layer.js"></script>
<script type="text/javascript" src="/assets/doormap/js/echarts.min.js"></script>

<script type="text/javascript" src="/assets/doormap/mock/mockdata.js"></script>
<script type="text/javascript" src="/assets/doormap/js/initmap.js"></script>
<script type="text/javascript" src="/assets/doormap/mock/mockdoor.js"></script>
<script type="text/javascript" src="/assets/doormap/js/controlDoor.js"></script>
<script type="text/javascript" src="/assets/doormap/js/infowindow.js"></script>
<script type="text/javascript" src="/assets/doormap/js/updatemap.js"></script>
<script>
    var map = initmap();
    var menu = new ContextMenu();
    addMapControls();                    //添加常用控件或服务
    weatherService();                    //天气信息，address：市、区,id="tip"

    addOverlay_Door();

    updateMap();
    setInterval("updateMap()",initmap_mock.AJAXINTERVAL);
</script>
</body>
</html>